<div class="wrap">
  <div id="icon-index" class="icon32"></div>
  <h2><?php e($pageTitle) ?></h2>
  <div class="clear"></div>
</div>

<div style="margin-top:5px;">
  <ul class="simpleTree">
    <li class="root"><span class="text"><?php __('ROOT'); ?></span>
      <ul>
        <li><span class="text"><b><?php __($sitename); ?></b></span>
          <ul class="ajax">
            <li>{url:<?php e($this->base); ?>/admin/members/tree}</li>
          </ul>
        </li>
      </ul>
    </li>
  </ul>
</div>

<script type="text/javascript">
var simpleTreeCollection;

function init () {
    simpleTreeCollection = $('.simpleTree').simpleTree({
        animate: true,
        autoclose: false,
        drag: false,
        afterClick: function(node) {
            //alert("text-"+$('span:first',node).text());
        },
        afterDblClick:function(node){
            //alert("text-"+$('span:first',node).text());
        },
        afterMove: function (destination, source, pos) {
            //alert("destination-"+$('span:first',destination).text()+" source-"+$('span:first',source).text()+" pos-"+pos);
        },
        afterAjax: function () {
            //alert('Loaded');
        },
        animate: true
        //,docToFolderConvert:true
    });
} // init

<?php $this->addScript('Ext.onReady(function() { init(); });'); ?>
</script>
